.notice-panel {
  cursor: pointer;
}
.notice-panel .realname {
  position: absolute;
  left: 116px;
  top: 30px;
  font-size: 26px;
  letter-spacing: 2px;
  font-weight: normal;
  transition: color .3s;
}
.info-panel {
  margin-top: 5px;
  font-size: 12px;
}
.info-panel .info-item {
  transition: color .3s;
  font-size: 12px;
  color: #999;
  display: inline-block;
  margin-right: 10px;
}
.project-config-panel {
  left: 60%;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 40%;
  padding: 0 .5rem;
  padding-left: 1rem;
}
.project-config-panel .notice {
  letter-spacing: 1px;
  line-height: 2rem;
}
.project-config-panel .strong {
  display: inline;
  font-size: 1.2rem;
  font-weight: bolder;
}
.project-config-panel .checkbox {
  display: inline;
  margin-right: 3px;
  margin-top: 2px;
}
.project-config-animate {
  transition: left 0.3s ease-in-out;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}
.project-config-animate .container {
  position: absolute;
  top: 0;
  bottom: 50px;
  left: 0;
  width: 100%;
  overflow-y: scroll;
}
.project-config-animate .ui.visible.message.notice.yellow {
  margin: 10px 10px;
}
.project-config-animate.ng-enter-active,
.project-config-animate.ng-leave {
  left: 0;
}
.project-config-animate.ng-enter,
.project-config-animate.ng-leave-active {
  left: 110%;
}
.confirm-panel {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  padding: 10px 0;
  border-top: 1px solid #eee;
}
.confirm-panel .confirm {
  margin-right: 10px !important;
  float: right;
}
